<template>
  <view>
    <block v-for="(item, index) in takeshop" :key="index">
      <view class="content-view" @click="takeOut(item.openid)">
        <view class="content-img">
          <image :src="item.logo" mode="scaleToFill"></image>
        </view>
        <view class="content-title">
          <text class="content-take">{{ item.shop }}</text>
          <view class="content-monthly">
            <text>月售200</text>
            <text>约{{ item.duration }}分钟</text>
          </view>
          <view class="content-starting">
            <text>起送￥{{ item.delivering }}</text>
            <text>配送￥{{ item.physical }}</text>
            <text>人均￥{{ item.capita }}</text>
          </view>
          <view class="content-starting">
            <image src="../../../static/Focus.png" mode="widthFix"></image>
            <text>{{ item.types }}</text>
          </view>
        </view>
      </view>
    </block>
  </view>
</template>

<script>
export default {
  props: {
    takeshop: Array,
  },
  data() {
    return {};
  },
};
</script>

<style scoped>
@import "../../../common/meituan.css";
</style>
